
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>纯css3绘制卡通猫咪动画特效 </title>

<link rel='stylesheet' href='css/bootstrap.min.css'>
<link rel="stylesheet" href="css/style.css">

</head>
<body>

<div class="col-md-12" style="top:48vmin">
  <div class="meow">
    <div class="cat">
      <div class="cat-inner">
      </div>
      <div class="cat-head">
        <div class="cat-ear"></div>
        <div class="cat-ear2"></div>
        <div class="cat-nose"></div>
        <div class="cat-mouth">
          <div class="cat-meow"></div>
        </div>
        <div class="cateye">
          <div class="cateye inner"></div>
          <div class="cateye inner inner-2"></div>
          <div class="cateyelid top"></div>
          <div class="cateyelid bottom"></div>
        </div>
        <div class="cateye2">
          <div class="cateye inner"></div>
          <div class="cateye inner inner-2"></div>
          <div class="cateyelid top"></div>
          <div class="cateyelid bottom"></div>
        </div>
      </div>
      <div class="cat-leg"></div>
      <div class="cat-foot"></div>
      <div class="cat-leg-front"></div>
      <div class="cat-foot-front"></div>
      <div class="cat-hind-leg"></div>
      <div class="cat-hind-leg-top"></div>
      <div class="cat-hind-foot"></div>
      <div class="cat-hind-paw"></div>
      <div class="cat-hind-leg2"></div>
      <div class="cat-hind-leg-top2"></div>
      <div class="cat-hind-foot2"></div>
      <div class="cat-hind-paw2"></div>
      <div class="cat-tail"></div>
      <div class="cat-tail-end"></div>
    </div>

  </div>
</div>

</body>
</html>